﻿<!DOCTYPE html>
<html style="font-size: 54px;">
<head lang="en">
  <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta charset="UTF-8">
  <title>商城</title>
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/jquery.mobile-1.4.4.min.js"></script>
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="font/iconfont.css">
</head>
<body class="" style="font-size: 12px;background:#fff">
<div id="main_plane" v-cloak>
  <div class="hd">
    <div class="h-title">
       <i class="iconfont icon-diliweizhi icon-dili">盛大金喜</i>
    </div>
    <div class="nav">
       <ul>
          <li class="li-active">货架</li>
          <li>冰箱</li>
       </ul>
    </div>
  </div>
  <!-- 菜单 -->
  <ul class="menus one1" style="padding-bottom: 50px;">
    <li>
      <a href="#l1" class="menu" onclick="aSkip($(this))">第一层</a>
       <div class="badge" v-if="sum>0">{{sum}}</div>
    </li>
    <li>
      <a href="#l2" class="menu" onclick="aSkip($(this))">第二层</a>
    </li>
    <li>
      <a href="#l3" class="menu" onclick="aSkip($(this))">第三层</a>
    </li>
    <li>
      <a href="#l4" class="menu" onclick="aSkip($(this))">第四层</a>
    </li>
  </ul>
  <ul class="menus one2" style="padding-bottom: 50px; display: none">
    <li>
      <a href="#l21" class="menu" onclick="aSkip($(this))">第一层</a>
      <div class="badge" v-if="sum>0">{{sum}}</div>
    </li>
    <li>
      <a href="#l22" class="menu" onclick="aSkip($(this))">第二层</a>
    </li>
    <li>
      <a href="#l23" class="menu" onclick="aSkip($(this))">第三层</a>
    </li>
    <li>
      <a href="#l24" class="menu" onclick="aSkip($(this))">第四层</a>
    </li>
    <li>
      <a href="#l25" class="menu" onclick="aSkip($(this))">第五层</a>
    </li>
  </ul>
  <!-- 商品列表 -->
  <div class="all_list list1" style="padding-bottom: 50px;">
  <div class="type" id="l1">
    <p class="title">第一层</p>
    <ul>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
  <div class="type" id="l2">
    <p class="title">第二层</p>
    <ul>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
  <div class="type" id="l3">
    <p class="title">第三层</p>
    <ul>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
  <div class="type" id="l4">
    <p class="title">第四层</p>
    <ul>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
      <li>
        <a style="display:block;">
          <div class="pic rel">
            <img src="images/24.jpg">
          </div>
          <div class="intro">
            <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
            <p>剩余: 4</p>
            <div style="color:red;float: left">￥{{price}}</div>
            <div class="car-contol">
              <div class="sub" v-if="sum>0" @click="sub">
                <i class="iconfont icon-jian icon-sub"></i>
              </div>
              <div class="sum" v-if="sum>0">{{sum}}</div>
              <div class="add" @click="add">
                <i class="iconfont icon-jia icon-add"></i>
              </div>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
  <div class="all_list list2" style="padding-bottom: 50px;display: none">
    <div class="type" id="l21">
      <p class="title">第一层</p>
      <ul>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）11111</p>
              <p>剩余: 5</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <div class="type" id="l22">
      <p class="title">第二层</p>
      <ul>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）1111111</p>
              <p>剩余: 5</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <div class="type" id="l23">
      <p class="title">第三层</p>
      <ul>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕11111）</p>
              <p>剩余: 5</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <div class="type" id="l24">
      <p class="title">第四层</p>
      <ul>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）1111</p>
              <p>剩余: 5</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <div class="type" id="l25">
      <p class="title">第五层</p>
      <ul>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）1111</p>
              <p>剩余: 5</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a style="display:block;">
            <div class="pic rel">
              <img src="images/24.jpg">
            </div>
            <div class="intro">
              <p class="p-title">芬得蒸蛋糕120g（奶香蛋糕）</p>
              <p>剩余: 4</p>
              <div style="color:red;float: left">￥{{price}}</div>
              <div class="car-contol">
                <div class="sub" v-if="sum>0" @click="sub">
                  <i class="iconfont icon-jian icon-sub"></i>
                </div>
                <div class="sum" v-if="sum>0">{{sum}}</div>
                <div class="add" @click="add">
                  <i class="iconfont icon-jia icon-add"></i>
                </div>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 底部购物车 -->
  <div class="shopcar">
    <div class="price">
       <i class="iconfont icon-gouwuche car"></i>
       <span>总计 ￥{{sum*price}}</span>
    </div>
    <div class="btn" @click="pay">去支付</div>
  </div>
</div>
</body>
<script src="js/vue.min.js"></script>
<script src="js/index.js"></script>
<script>
new Vue({
  el: '#main_plane',
  data: {
    sum:0,
    price: 128,
  },
  methods: {
    add () {
      this.sum++
    },
    sub() {
      this.sum--
    },
    pay() {
      alert("一共支付"+this.sum*this.price)
    }
  }
});
</script>
</html>